<template>
  <div class="histogram" ref="hist"></div>
</template>

<script>
import * as echarts from "echarts";
export default {
  mounted() {
    let Mcharts = echarts.init(this.$refs.hist);
    Mcharts.setOption({
      xAxis: {
        show: false,
        type: "category",
      },
      yAxis: {
        show: false,
      },
      series: [
        {
          type: "bar",
          data: [23, 25, 7, 13, 20, 15, 9, 34, 41, 38, 28, 24],
        },
      ],
      grid: {
        top: 0,
        right: 0,
        left: 0,
        bottom: 50,
      },
      tooltip: {},
    });
  },
};
</script>

<style>
.histogram {
  width: 100%;
  height: 100px;
}
</style>